.thumbnail {
	border: 1px solid #f9f9f9;
}
.new-remove{
	text-align: center;
}
.new-remove a{
	font-size: 16px;
	border: 1px solid #666;
	padding: 10px;
	margin: 5px;
}
.new-remove a:hover{
	color: red;
}
.new-remove b{
	font-size: 16px;
	padding: 10px;
	background-color: #C4c4c4;
}

a{
    color: #666;
}
.member_show{
	display: none;
}
.btn-success{
   background-color: rgb(63,69,85);
   border-color: rgb(63,69,85);
}
.btn-success:hover{
    background-color: rgb(0,118,192);
    border-color: rgb(0,118,192);
}
h4{
    font-size: 14px;
}
.navbar-nav>li>.dropdown-menu{
    background-color: rgba(248,248,248,.92);
}

.navbar .nav li:hover {
	/* font-weight: 600; */
	border-bottom: 2px solid rgb(39, 64, 120);
}

.navbar .nav li a:hover {
	color: rgb(39, 64, 120);
}
.new-dynamic{
    color: #333;
    font-size: 1.625rem;
    line-height: 1.8;
}



.navbar .navbar-header .navbar-brand img {
	/* max-width: 60px; */
	width: 200px;
	height: auto;
}


.show-product h2,
.research-produ h2,
.news-info h2,
.honor h2,
.customer h2{
	margin: 50px auto;
	text-transform: uppercase;
}

.show-product .about p {
	text-indent: 25px;
	margin-top: 30px;
	line-height: 30px;
	font-size: 18px;
}

.show-product .row img {
	max-width: 100%;
	margin: 0 10px 5px 0;
	border-radius: 5px;
	/*height: 380px;*/
}

.show-product i {
	width: 88px;
	height: 88px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    cursor: pointer;
	background: url(../img/a10.png) center center no-repeat;
	z-index: 2;
}

/* 按钮 */
.btn {
	vertical-align: top;
	/* margin: 20px; */
	display: inline-block;
	text-align: center;
	width: 160px;
	height: 44px;
	line-height: 30px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

.php,
.php::after {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.php {
	color: rgb(0, 118, 192);
	font-size: 16px;
	width: 158px;
	/* height: 60px; */
	/* line-height: 62px; */
	margin-top: 18px;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
}

.php:hover {
	color: #fff;
	font-size: 16px;
}

.php::before,
.php::after {
	background: rgb(0,118,192);
	content: '';
	position: absolute;
	z-index: -2;
	border-radius: 3px;
}

.php-2::after {
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
}

.php-2:hover:after {
	width: 100%;
}

/* 产品展示 */
.research-produ .tab-content .g {
	margin-top: 10px !important;
	height: 500px;
	width: 100%;
	background: url(../img/ind_pro_bg.jpg) no-repeat cadetblue;
}

.research-produ .g .left {
	margin-top: 80px;
}

.research-produ .g .right {
	margin-top: 10px;
}

.research-produ .g .left .learnMore {
	width: 200px;
	height: 60px;
	line-height: 60px;
	background-color: #414551;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: medium;
	margin-top: 5px;
	color: #fff;
}

.research-produ .g .left .learnMore:hover {
	background-color: rgb(0, 118, 192);
}

/* news */
.news-info {
	background-color: rgba(238, 238, 238, 0.2);
	padding-bottom: 30px;
}

.news-info .row img {
	max-width: 100%;
	height: 380px;
	border-radius: 5px;
}


.news-info .row img:hover {
	border-radius: 10px;
	box-shadow: 1px 2px 8px -2px rgba(0, 0, 0, 0.73);
	-webkit-box-shadow: 1px 2px 8px -2px rgba(0, 0, 0, 0.73);
	-moz-box-shadow: 1px 2px 8px -2px rgba(0, 0, 0, 0.73);
	transition: 0.2s all linear;
}

.news-info .date {
	text-align: center;
	/* margin-top: 5px; */
	font-size: 10px;
	border-right: 1px solid rgba(0, 0, 0, .2);
}

.news-info .date .year {
	color: red;
	font-size: 1.8em;
	margin: 8px auto;
}

.news-info .date .days {
	color: red;
	font-size: 1.8em;
}

.news-info .news-tit p {
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-info .news-tit small {
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	/* 设置行数 */
	-webkit-box-orient: vertical;
}

.news-info .news-right .row {
	margin-bottom: 10px;
}

/* 科研生产 */
.thumbnail {
	/*margin-right: -15px !important;*/
	/*margin-left: -20px;*/
	/*margin-top: 10px;*/
	margin: 10px -15px 0 -20px;
}

/* 友情链接 */
.frend {
	margin: 40px 0 10px 0
}

.frend a {
	color: rgba(0, 0, 0, .6);
	margin-right: 8px;
}

/*在线客服*/

#kf-z {
	position: fixed;
	width: 80px;
	height: auto;
	right: 5px;
	top: 50%;
	z-index: 6666;

	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);

}

.kf {
	position: relative;
}

.side {
	width: 48px;
	height: auto;
	z-index: 100;
	border-bottom: none;
}

.side ul {}

.side ul li {
	position: relative;
}

.side ul li:hover {
	background-color: #033366;
}

.border-1 {
	margin-bottom: 1px;
}

.kf-q {
	width: 48px;
	height: 48px;
}

.kf-q:hover {
	background-color: #033366;
}

.kf-q a {
	display: block;
	width: 100%;
	height: 48px;
	color: #b3b3b3;
	line-height: 48px;
	font-size: 28px;
	background-color: #033366;
}

.kf-1 {
	width: 48px;
	height: 48px;
	background-color: #033366;
}

.kf-2 {
	width: 48px;
	height: 48px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #033366;
	display: none;
}

.side-1 {
	margin: 1px 0;
}

.side ul li .sidebox {
	position: absolute;
	background-color: #033366;
	width: 48px;
	height: 48px;
	top: 0;
	right: 0px;
	transition: all 0.3s;
	overflow: hidden;
}

.er_4:hover {}

.side ul li .sidetop {
	display: block;
	transition: all 0.3s;
}

.side ul li .sidebox:hover {
	background-color: #033366;
}

.side ul li .sidebox:hover .tp_2 {
	color: #fff;
}

.side ul li img {}

.er_4:hover .er_3 {
	display: block;
	left: -140px;
}

.er_3 {
	position: absolute;
	top: -37px;
	left: 280px;
	width: 133px;
	height: 130px;
	overflow: hidden;
	z-index: -1;
	ransition: All 0.5s ease-in-out;
	-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out;
}

.er_3:after {
	content: "";
	display: block;
	right: 0;
	top: 50%;
	width: 10px;
	height: 20px;
	background-image: url(../img/a15.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: -12px;
	position: absolute;
}

.er_3>div {
	width: 123px;
	position: relative;
	margin: 2.5px 10px 2.5px 0;
	height: 123px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #d2d2d2;
}

.er_3>div span {
	display: block;
	width: 9px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: -9px;
	background-image: url(../img/b01.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.er_3 img {
	width: 123px;
	height: 123px;
	margin: 0px;
	display: block;
	border-radius: 5px;
}

.tp_1 {
	width: 48px;
	height: 48px;
	float: right;
}

.bj01 {
	font-size: 28px !important;
	color: #b3b3b3;
	line-height: 48px !important;
	text-align: center;
	background-image: url(../img/k01.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.bj02 {
	background-image: url(../img/k02.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.bj03 {
	font-size: 28px !important;
	color: #b3b3b3;
	line-height: 50px !important;
	text-align: center;
	background-image: url(../img/k03.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.bj04 {
	background-image: url(../img/k04.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.bj04:hover {
	background-color: #033366;
}

.tp_2 {
	font-size: 18px;
	float: right;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	width: 152px;
}

/*在线客服*/

/* video-popup */
.video-1 {
	width: 100%;
	height: 100%;
	z-index: 8;
	position: fixed;
	background-color: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	display: none;
}

.video-2 {
	width: 42%;
	height: 48%;
	z-index: 9;
	position: fixed;
	background-color: #fff;
	top: 30%;
	left: 30%;
	border-radius: 10px;
	display: none;
}

.video-2 div {
	position: relative;
	width: 100%;
	height: 100%;
}

.video-2 div span {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	background-image: url(../img/a07.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: -40px;
	top: -40px;
	border-radius: 90%;
	background-size: 50% auto;
	border: 1px solid #c61522;
	cursor: pointer;
}

.video-2 div span:hover {
	transform: rotate(-180deg);
	transition: all 0.5s ease-in-out;
	-ms-transform: rotate(-180deg);
	/* IE 9 */
	-webkit-transform: rotate(-180deg);
	/* Safari and Chrome */
	-o-transform: rotate(-180deg);
	/* Opera */
	-moz-transform: rotate(-1860deg);
	/* Firefox */
}

.video-2 iframe {
	width: 99%;
	height: 99%;
	display: block;
	border-radius: 10px;
	margin: 0.5%;
}




/* pc footer */
.copy {
	background-color: rgb(36, 33, 28);
	width: 100%;
	height: 300px;
	margin-top: 20px;
}

.copy .row dl {
	margin-top: 30px;
}

.copy .row dt {
	font-size: 16px;
	margin-bottom: 15px;
}

.copy .row dd {
	font-size: 14px;
	margin: 14px 0;
	color: rgb(193, 192, 190, .7);
}

.copy .row dd a {
	color: rgba(238, 238, 238, .7);
}

.copy .row dd img {
	width: 100px;
}

.copy dl dt a {
	color: rgba(238, 238, 238, .7);
}

.copy .footer_copyright {
	color: rgba(238, 238, 238, .7);
}

.copy .footer_copyright a {
	color: rgba(238, 238, 238, .7);
}

@media screen and (min-width:759px) {
	.navbar {
		height: 85px;
		margin-bottom: -1px;
	}

	.navbar .nav li {
		padding: 15px 6px 5px 6px;
		font-size: 18px;
		font-weight: 500;
	}

	#example-navbar-collapse .navbar-text {
		font-size: 18px;
		font-weight: 500;
		padding-top: 15px;
	}

	#example-navbar-collapse .navbar-text span {
		margin-right: 5px;
	}
}

@media screen and (max-width:768px) {
    .new-dynamic img{
    width: 100% !important;
    height: auto!important;
}

	.copy dl:nth-child(2n-1),
	.copy dl:nth-child(2) {
		display: none;
	}

	#kf-z {
		display: none;
	}

	.navbar-toggle {
		margin-top: 22px;
	}

	/* .navbar-nav li:last-child{
		display: none;
	} */
	.show-product h2,
	.research-produ h2,
	.news-info h2,
	.honor h2,
	.customer h2{
		font-size: 22px;
		margin: 18px auto;
	}

	.show-product .about>h3 {
		font-size: 18px;
	}

	.show-product .about>p {
		font-size: 14px;
	}

	.research-produ .g .left {
		margin-top: 5px;
	}

	.research-produ .right img {
		max-width: 100%;
		/* width: 15.625rem; */
	}
	.honor .swiper-honor .swiper-slide img{
		width: 80px !important;
		height: auto !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		display: none;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		display: none;
	}
	.child-banner{
		/*height: 200px !important;*/
		margin-top: -20px;
	}
	.breadcrumb {
		font-size: 14px!important;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-bottom: 15px;
	}
	.tab-content,.nav-justified{
		display: none;
	}
	.member_show{
		display: block;
	}
	.about h3{
	    display: none;
	}
	.show-product .about p{
	    margin-top: -6px;
	}
	.news-info .row img{
	    height: auto;
	}
	.news_txt span::before{
	    display: none;
	}
	.carousel {
        margin-top: -20px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
	.research-produ .g .left {
		margin-top: 5px;
	}

	.research-produ .right img {
		max-width: 100%;
		margin-top: 90px;
	}
}

/* 新闻列表页面 */
.new_inside {
	overflow: hidden;
	margin-bottom: 30px;
	margin-left: -42px;
}

.news_box {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	background: transparent;
	height: 180px;
}

.news_txt {
	/*float: left;*/
	padding: 36px 0 28px 14%;
	transition: all .3s ease-out 0s;
}

.news_box:hover .news_txt {
	padding: 36px 0 28px 16%;
}

.news_txt>span {
	display: block;
	height: 24px;
	overflow: hidden;
	margin-bottom: 20px;
	transition: all .3s ease-out 0s;
}

.news_txt>span a {
	font-size: 18px;
	color: #717171;
}

.news_box:hover .news_txt span {
	color: #333
}

.news_box:hover .news_txt i {
	color: #999
}

.news_txt i {
	color: #7D7D7D;
	font-style: normal;
	line-height: 24px;
	height: 73px;
	display: block;
	overflow: hidden;
}
@media screen and (min-width:1200px){
    .news-right{
    margin-left: -20px;
    }
    .news-info .row img{
        margin-left: 30px;
    }
}

.news-right a:hover{
    text-decoration: none;
}
.news-right h4{
    font-size: 16px;
    color: #000;
}
.news-right h4:hover{
    color: rgb(0,118,192);
    
}

.news_date {
	width: 12vw;
	float: right;
	color: #999;
	padding: 36px 66px 0 0;
	transition: all .3s ease-out 0s;
	position: absolute;
	left: 0;
	top: 0;
	/* float: left; */
	padding-top: 30px;
}

.news_box:hover .news_date {
	padding: 36px 86px 0 0
}

.arrow_left {
	position: absolute;
	top: 90px;
	left: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	border: 1px solid #fff;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	background: url(../img/icon.png) no-repeat 9px 14px;
}

.news_box:hover .arrow_left {
	border: 1px solid #f06405;
	background: url(../img/icon_hover.png) no-repeat 9px 14px #f06405;
}

.arrow_left i {
	width: 14px;
	height: 9px;
	display: block;
	margin: 13px 0 0 11px;
}

.news_date span {
	float: left;
	line-height: 36px;
	height: 36px;
	font-size: 24px;
}

.news_date i {
	float: left;
	color: #ABABAB;
	font-size: 0;
}

.news_txt span::before {
	width: 35px;
	height: 1px;
	content: '';
	background: #BFBFBF;
	position: absolute;
	top: 48px;
	left: 90px;
	transition: all 0.3s ease-out 0s;
}

.news_box:hover .news_txt span::before {
	width: 60px;
	transition: all 0.3s ease-out 0s;
	background: #7D7D7D;
}

.news_box:hover .news_date span {
	color: #333;
}

.news_box:hover .news_date {
	padding: 30px 42px 0 0;
}

/* 新闻动态详情 */
.new-detail {
	padding-top: 20px;
}

.new-detail p {
	margin-top: 15px;
	font-size: 16px;
}

.new-detail .author {
	margin-right: 15px;
}
.previous{
    margin-bottom: 5px;
}
.new-footer {
	margin-top: 15px;
	font-size: 14px;
}

.new-footer a {
	color: #5f5f5f;
}



/*关于我们*/
.child-banner img{
	/*background: url("https://www.sunfpc.com/uploads/202106/60d6ee4015fb3.jpg") center center no-repeat;*/
	height: auto;
	width: 100%;
}

.bread {
	background-color: #f5f5f5;
	width: 100%;
	height: 50px;
}

.breadcrumb {
	background-color: #f5f5f5;
	margin-top: 5px;
	font-size: 16px;
	margin-left: -18px;
}

.breadcrumb::before {
	content: "当前位置：";
}

.honor {
	background: url("http://www.jnqckj.cn/img/img-bg-001.png") center center no-repeat;
	width: 100%;
	/* height: 720px; */
	margin-top: 18px;
}

.honor .swiper-honor .swiper-slide img {
	width: 260px;
	height: 407px;
	padding-bottom: 40px;
}

/* 地图 */
.customer{
	background-color: #eeeeee;
	margin-bottom: -20px;
}
.box {
	width:100%;
	height: 600px;
	margin: 40px 0;
}

#container3 {
	/* width: 70%; */
	height: 100%;
}

.list {
	display: inline-block;
		max-width: 100%;
		vertical-align: top;
}
.list ul{
	padding-left: 15px;
		padding-right: 15px;
}

.list li {
	padding: 20px 5px;
	border-bottom: 1px dashed #e0e0e0;
}
.list li span{
	background: #d9d9d9;
		width: 25px;
		height: 25px;
		line-height: 25px;
		display: inline-block;
		border-radius: 50%;
		text-align: center;
		color: #000;
		margin-right: 2px;
}
.list li a{
	font-size: 16px;
	width: 10px;
	text-decoration: none;
}

.list li.active a {
	color: red;
}

.title {
	font-size: 14px;
	font-weight: bold;
	color: #cc5522;
}

.content {
	font-size: 13px;
	color: #333;
	margin-top: 6px;
}

.fl {
	float: left;
}

.map-box {
	background: #fafafa;
	border: 1px solid #e6e6e6;
	margin-bottom: 100px;
	margin-top: 40px;
}

.map-box .map-right ul {
	padding-left: 15px;
	padding-right: 15px;
}

.map-box .map-right li {
	padding: 20px 5px;
	border-bottom: 1px dashed #e0e0e0;
}

.map-box .map-right li label {
	font-size: 16px;
}

.map-box .map-right li span {
	background: #d9d9d9;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	color: #000;
}

.map-box .map-right li.cur span {
	background: #0070c0;
	color: #fff;
}

.map-right {
	display: inline-block;
	width: 296px;
	vertical-align: top;
}

.map-box {
	background: #fafafa;
	border: 1px solid #e6e6e6;
	margin-bottom: 100px;
	margin-top: 40px;
}

.map-box .map-right ul {
	padding-left: 15px;
	padding-right: 15px;
}

.map-box .map-right li {
	padding: 20px 5px;
	border-bottom: 1px dashed #e0e0e0;
}

.map-box .map-right li label {
	font-size: 16px;
}

.map-box .map-right li span {
	background: #d9d9d9;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	color: #000;
}

.map-box .map-right li.cur span {
	background: #0070c0;
	color: #fff;
}



/* 公司简介详情 */
.com-tit {
	margin: 25px 0 20px 0;
}

.com-tit h3 {
	font-size: 35px;
}

.company p {
	font-size: 18px;
	text-indent: 2em;
}